iT邦幫忙

2025 iThome 鐵人賽

DAY 27
0
自我挑戰組

基於 Oracle 資料庫的醫院電子病歷系統設計與建置系列 第 27

Day27:前端設計 - 病患病歷頁面

  • 分享至 

  • xImage
  •  

大家好 ~ 今天是鐵人賽自我挑戰的第27天!今天還是會延續前兩天未做成功的部分!


‼️病患病歷頁面僅提供醫護人員查詢/刪除權限‼️
1.查詢測試(以病患ID為22735的病患為例):
在查詢框中輸入病患ID(22735) -> 點擊"查詢" -> 跑出此病患的所有相關醫院記錄
https://ithelp.ithome.com.tw/upload/images/20251015/201677874jCLKUPvb6.png
https://ithelp.ithome.com.tw/upload/images/20251015/201677875FdlzQXRpb.png
終端機顯示
https://ithelp.ithome.com.tw/upload/images/20251015/20167787sX43gxlQAO.png
https://ithelp.ithome.com.tw/upload/images/20251015/20167787NBvm2nyvTz.png
2.刪除測試(以病患ID為22735的病患為例):
在病患基本資訊頁面中查詢病患 -> 跑出此病患的個人資訊 -> 點擊"刪除病患" -> 顯示彈跳式視窗提醒是否刪除 -> 點擊"確定" -> 顯示"病患「蔡盛宇」及其所有相關資料已成功刪除!" -> 點擊"確認" -> 頁面會重整
https://ithelp.ithome.com.tw/upload/images/20251015/20167787rMftWztF48.png
https://ithelp.ithome.com.tw/upload/images/20251015/20167787Z8NuSwiGAF.png
https://ithelp.ithome.com.tw/upload/images/20251015/20167787HSN1NIbWfN.png
頁面重整後 -> 再次搜尋病患ID為34528的病患 -> 顯示"找不到符合條件的病患!"
https://ithelp.ithome.com.tw/upload/images/20251015/20167787vm74A4FABX.png
跳至Records頁面 -> 搜尋病患ID為34528的病患 -> 顯示"搜尋失敗:找不到符合條件的病患"
https://ithelp.ithome.com.tw/upload/images/20251015/20167787LzgTLgV4ag.png


以上是我今天的分享,謝謝大家!明後兩天會說明並列出所有用到的程式碼,並且在最後給Demo影片!/images/emoticon/emoticon07.gif


上一篇
Day26:前端設計 - 病患病歷頁面
下一篇
Day28:前端設計 - 統整全部程式碼
系列文
基於 Oracle 資料庫的醫院電子病歷系統設計與建置30
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言